<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>home</title>
    <link rel="stylesheet" href="css/home.css">
</head>
<body>
    <div class="warpar">
        <div class="header-inner clearfix">
            <div class="header">
                    <div class="left">
                        <span>懂美，更懂你</span>
                    </div>
                    <div class="right">
                        <span><a href="">注册</a></span>
                        <span class="s1">|</span>
                        <span><a href="">登录</a></span>
                        <span class="s2"><a href="">我的订单</a></span>
                        <span class="s3" style="display: block;float: right;position: relative;">
                            <a href="">客服服务 <img src="img/xxjt.png" alt=""></a>
                            <div class="page hid clearfix">
                                <ul>
                                    <li class="btn1"><a href="">在线客服</a></li>
                                    <li class="btn2"><a href="">帮助中心</a></li>
                                    <li class="btn3"><a href="">商务合作</a></li>
                                </ul>
                            </div>
                        </span>
                    </div>
            </div>
        </div>
        <div class="back-to-top">
            <ul class="totop">
                <li class="totop-back">
                    <a class="totopa">
                        <img src="img/wx.png" alt="">
                        <p>关注微信</p>
                    </a>
                </li>
                <li class="totop-back">
                    <a class="totopa">
                        <img src="img/kf.png" alt="">
                        <p>在线客服</p>
                    </a>
                </li>
                <li id="totop-back" class="totop-back hid">
                    <a class="totopa">
                        <img src="img/totop.png" alt="">
                        <p>回顶部</p>
                    </a>
                </li>
            </ul>
        </div>
        <div class="logoshop-inner">
            <div class="logoshop clearfix">
                <div class="logo">
                    <img src="img/logo.png" alt="">
                </div>
                <div class="shop">
                    <img src="img/shop.png" alt="">
                </div>
            </div>
            <div class="nav clearfix">
                    <div class="btn1"><a href="#">首页</a></div>
                    <div class="btn2"><a href="html/phone.html">手机</a></div>
                    <div class="btn3"><a href="html/IP-exp-mon.html">IP爆款</a></div>
                    <div class="btn4"><a href="html/parts.html">配件</a></div>
                    <div class="btn5"><a href="">生活周边</a></div>
            </div>
        </div>
        <div class="main-inner">
            <div class="banner">
                <div class="banner-pic clearfix">
                    <a href="#"><img src="img/banner1.jpg" alt=""></a>
                    <a href="#"><img src="img/banner2.gif"  alt=""></a>
                </div>
                <div class="banner-arrow">
                    <a href="#" class="arrow-itme prev">&lt;</a>
                    <a href="#" class="arrow-itme next">&gt;</a>
                </div>
                <div class="banner-dots">
                    <a href="#" class="dots-dian qq"></a>
                    <a href="#" class="dots-dian"></a>
                </div>
            </div>
            <div class="main">
                <div class="main-top clearfix">
                    <h2><span>人气</span>推荐</h2>
                    <div class="top-left">
                        <a href=""><img src="img/ren1.jpg" alt=""></a>
                    </div>
                    <div class="top-right">
                        <div class="shang">
                            <div class="shang-all">
                                <div class="shang-pic1">
                                    <a href=""><img src="img/shang1.png" alt=""></a>
                                </div>
                                <div class="shang-text">
                                    <div class="text-tags">
                                        <span class="text-tag">领券立减</span>
                                    </div>
                                    <h4 class="text-name">美图T9</h4>
                                    <h4 class="text-subname">我的智能摄影师</h4>
                                    <p class="text-price">￥2799</p>
                                </div>
                            </div>
                            <div class="shang-all">
                                <div class="shang-pic2">
                                    <a href=""><img src="img/shang2.png" alt=""></a>
                                </div>
                                <div class="shang-text">
                                    <div class="text-tags">
                                        <span class="text-tag">直降100</span>
                                    </div>
                                    <h4 class="text-name">美图M8s美少女战士限量版</h4>
                                    <h4 class="text-subname">美少女战士限量版，热恋来袭。</h4>
                                    <p class="text-price">￥1899</p>
                                </div>
                            </div>
                            <div class="shang-all">
                                <div class="shang-pic3">
                                    <a href=""><img src="img/shang3.png" alt=""></a>
                                </div>
                                <div class="shang-text">
                                    <div class="text-tags">
                                        <span class="text-tag">直降100</span>
                                    </div>
                                    <h4 class="text-name">美图M8s七龙珠限量版</h4>
                                    <h4 class="text-subname">七龙珠限量版，燃力觉醒。</h4>
                                    <p class="text-price">￥1199</p>
                                </div>
                            </div>
                        </div>
                        <div class="xia">
                            <div class="xia-all">
                                <div class="xia-pic1">
                                    <a href=""><img src="img/shang1.png" alt=""></a>
                                </div>
                                <div class="xia-text">
                                    <div class="text-tags">
                                        <span class="text-tag">领券立减</span>
                                    </div>
                                    <h4 class="text-name">美图V6</h4>
                                    <h4 class="text-subname">奢华四摄，只拍大片。</h4>
                                    <p class="text-price">￥3599</p>
                                </div>
                            </div>
                            <div class="xia-all">
                                <div class="xia-pic2">
                                    <a href=""><img src="img/xia2.png" alt=""></a>
                                </div>
                                <div class="xia-text">
                                    <h4 class="text-name">美图M8s</h4>
                                    <h4 class="text-subname">粉蓝CP清新标准版</h4>
                                    <p class="text-price">￥1199</p>
                                </div>
                            </div>
                            <div class="xia-all">
                                <div class="xia-pic3">
                                    <a href=""><img src="img/xia3.png" alt=""></a>
                                </div>
                                <div class="xia-text">
                                    <h4 class="text-name">美图手机专属耳机</h4>
                                    <h4 class="text-subname">纯粹声音，享受聆听</h4>
                                    <p class="text-price">￥79</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="main-con clearfix">
                    <h2><span>新品</span>首发</h2>
                    <div class="con-top-pic clearfix">
                        <a href="">
                            <img src="img/xin.jpg" alt="">
                        </a>
                    </div>
                    <div class="con-new">
                        <div class="new-all">
                            <div class="new-pic1">
                                <a href=""><img src="img/xin1.png" alt=""></a>
                            </div>
                            <div class="new-text">
                                <div class="text-tags">
                                        <span class="text-tag">领券立减</span>
                                </div>
                                <h4 class="text-name">美图T9 x 美少女战士限量版</h4>
                                <h4 class="text-subname">美少女战士限量版，月光之梦。</h4>
                                <p class="text-price">￥3599</p>
                            </div>
                        </div>
                        <div class="new-all">
                            <div class="new-pic2">
                                <a href=""><img src="img/xin2.png" alt=""></a>
                            </div>
                            <div class="new-text">
                                <div class="text-tags">
                                        <span class="text-tag">直降200</span>
                                </div>
                                <h4 class="text-name">美图T9 x 幻彩版</h4>
                                <h4 class="text-subname">渐变机身，前后双摄。</h4>
                                <p class="text-price">￥3299</p>
                            </div>
                        </div>
                        <div class="new-all">
                            <div class="new-pic3">
                                <a href=""><img src="img/xin3.png" alt=""></a>
                            </div>
                            <div class="new-text">
                                <div class="text-tags">
                                        <span class="text-tag">直降200</span>
                                </div>
                                <h4 class="text-name">美图T9 x Hello Kitty限量版</h4>
                                <h4 class="text-subname">Hello Kitty限量版，萌系潮酷</h4>
                                <p class="text-price">￥3299</p>
                            </div>
                        </div>
                        <div class="new-all">
                            <div class="new-pic4">
                                <a href=""><img src="img/xin4.png" alt=""></a>
                            </div>
                            <div class="new-text">
                                <div class="text-tags">
                                        <span class="text-tag">直降200</span>
                                </div>
                                <h4 class="text-name">美图T9 x 七龙珠限量版</h4>
                                <h4 class="text-subname">七龙珠限量版，永远热血，永远少年。</h4>
                                <p class="text-price">￥3499</p>
                            </div>
                        </div>
                        <div class="new-all">
                            <div class="new-pic1">
                                <a href=""><img src="img/xin5.png" alt=""></a>
                            </div>
                            <div class="new-text">
                                <div class="text-tags">
                                    <span class="text-tag">领券立减</span>
                                </div>
                                <h4 class="text-name">美图M8s哆啦A梦限量版</h4>
                                <h4 class="text-subname">哆啦A梦限量版，开启纯真世界。</h4>
                                <p class="text-price">￥1399</p>
                            </div>
                        </div>
                        <div class="new-all">
                            <div class="new-pic4">
                                <a href=""><img src="img/xin6.png" alt=""></a>
                            </div>
                            <div class="new-text">
                                <div class="text-tags">
                                    <span class="text-tag">直降200</span>
                                </div>
                                <h4 class="text-name">美图V6</h4>
                                <h4 class="text-subname">奢华四摄，只拍大片。</h4>
                                <p class="text-price">￥3599</p>
                            </div>
                        </div>
                        <div class="new-all">
                            <div class="new-pic1">
                                <a href=""><img src="img/xin7.png" alt=""></a>
                            </div>
                            <div class="new-text">
                                <h4 class="text-name">beautymore按摩助眠颈枕</h4>
                                <h4 class="text-subname">按摩解压，一键操作。</h4>
                                <p class="text-price">￥159</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="lunbo">
                <div class="lunbo-all">
                    <h2><b><span>颜之</span></b>有信</h2>
                    <div class="lun-pic-txt clearfix">
                        <ul id="leftAnimate" class="clearfix">
                            <li class="li3">
                                <div class="lun-tutxt">
                                    <div class="lun-itme">
                                        <div class="lun-pic">
                                            <img src="img/lun3.png" alt="">
                                        </div>
                                        <div class="lun-title">
                                            美图T9 x F4限量版<span>￥4199</span>
                                        </div>
                                        <p class="lun-desc">想了很久很久的美图手机终于到手了，果然没有让我失望哈哈，拍照功能不是盖的，是真的很牛逼，同事都在夸。外观好看，选了红色款，颜色很正！</p>
                                        <div class="lun-info">
                                            <span>Leo***</span>
                                            <span class="timetamp">2018-09-19 19:50:36</span>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li class="li1">
                                <div class="lun-tutxt">
                                    <div class="lun-itme">
                                        <div class="lun-pic">
                                            <img src="img/lun1.png" alt="">
                                        </div>
                                        <div class="lun-title">
                                                美图手机 Type-C数据线<span>￥39</span>
                                        </div>
                                        <p class="lun-desc">之前在某宝买的9.9包邮的，没两天就断了。还是要买原装正品，充电速度快，而且不烫。</p>
                                        <div class="lun-info">
                                            <span>-To***</span>
                                            <span class="timetamp">2018-09-19 19:47:00</span>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li class="li2">
                                <div class="lun-tutxt">
                                    <div class="lun-itme">
                                    <div class="lun-pic">
                                        <img src="img/lun2.png" alt="">
                                    </div>
                                    <div class="lun-title">
                                            美图遥控器第三代<span>￥89</span>
                                        </div>
                                        <p class="lun-desc">比想象中小很多，很迷你，颜值控一枚。还配了电池，整体挺好。以后自己拍照不费劲了哈哈，简简单单按一下拍照，很好用。</p>
                                        <div class="lun-info">
                                            <span>李样子***</span>
                                            <span class="timetamp">2018-09-19 17:33:24</span>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li class="li3">
                                <div class="lun-tutxt">
                                    <div class="lun-itme">
                                    <div class="lun-pic">
                                        <img src="img/lun3.png" alt="">
                                    </div>
                                    <div class="lun-title">
                                            美图T9 x F4限量版<span>￥4199</span>
                                        </div>
                                        <p class="lun-desc">想了很久很久的美图手机终于到手了，果然没有让我失望哈哈，拍照功能不是盖的，是真的很牛逼，同事都在夸。外观好看，选了红色款，颜色很正！</p>
                                        <div class="lun-info">
                                            <span>Leo***</span>
                                            <span class="timetamp">2018-09-19 19:50:36</span>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li class="li1">
                                <div class="lun-tutxt">
                                    <div class="lun-itme">
                                        <div class="lun-pic">
                                            <img src="img/lun1.png" alt="">
                                        </div>
                                        <div class="lun-title">
                                            美图手机 Type-C数据线<span>￥39</span>
                                        </div>
                                        <p class="lun-desc">之前在某宝买的9.9包邮的，没两天就断了。还是要买原装正品，充电速度快，而且不烫。</p>
                                        <div class="lun-info">
                                            <span>-To***</span>
                                            <span class="timetamp">2018-09-19 19:47:00</span>
                                        </div>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <div class="lun-arrow">
                        <span href="#" class="arrow-itme prevone">&lt;</span>
                        <span href="#" class="arrow-itme nextone">&gt;</span>
                    </div>
                    </div>
                </div>
            </div>
        <div class="footer-inner">
            <div class="footer">
                <div class="ding clearfix">
                    <div class="ding1 clearfix">
                        <img src="img/fot1.png" alt="">
                        <span>满99元包邮</span>
                    </div>
                    <div class="ding2 clearfix">
                        <img src="img/fot2.png" alt="">
                        <span>7天无忧退货</span>
                    </div>
                    <div class="ding3 clearfix">
                        <img src="img/fot3.png" alt="">
                        <span>美图品质保证</span>
                    </div>
                </div>
                <div class="di">
                    <div class="text-link">
                        <a href="">帮助中心</a>
                        <span>|</span>
                        <a href="">售后服务</a>
                        <span>|</span>
                        <a href="">销售政策</a>
                        <span>|</span>
                        <a href="">使用条款</a>
                        <span>|</span>
                        <a href="">隐私政策</a>
                    </div>
                    <div class="text-copy">
                        &copy; 2018
                        <span class="meitu">MEITU</span>
                        <a href="">闽公网安备 35020302000186号</a>
                        <span class="douhao">，</span>闽ICP证 B2-20040192
                        <span class="douhao">，</span>违法和不良信息举报电话：
                        <a href="">400-990-9696</a>
                    </div>
                    <div class="text-tel">
                        厦门美图网科技有限公司 客服电话：<a href="">0592-5919017</a>
                    </div>
                    <div class="tu-safe clearfix">
                        <a href="" class="safe-img1">
                            <img src="img/fot4.png" alt="">
                        </a>
                        <a href="" class="safe-img1">
                            <img src="img/fot5.png" alt="">
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
<script src="js/jquery-3.2.1.min.js"></script>
<script src="js/home.js"></script>
</html>